<template>
  <view>
    <view class="gallery">
      <view class="gallery-item">
        <image class="image" src="/static/images/majorIntroduce1.png"></image>
        <view class="gallery-item-info">
          <view class="gallery-item-info-title">本科</view>
          <view class="gallery-item-info-detail">学历层次</view>
        </view>
      </view>
      <view class="gallery-item">
        <image class="image" src="/static/images/majorIntroduce2.png"></image>
        <view class="gallery-item-info">
          <view class="gallery-item-info-title">四年</view>
          <view class="gallery-item-info-detail">修业年限</view>
        </view>
      </view>
      <view class="gallery-item">
        <image class="image" src="/static/images/majorIntroduce3.png"></image>
        <view class="gallery-item-info">
          <view class="gallery-item-info-title">哲学学位</view>
          <view class="gallery-item-info-detail">授予学位</view>
        </view>
      </view>
      <view class="gallery-item">
        <image class="image" src="/static/images/majorIntroduce4.png"></image>
        <view class="gallery-item-info">
          <view class="gallery-item-info-title">40:60</view>
          <view class="gallery-item-info-detail">男女比例</view>
        </view>
      </view>
    </view>
    <text-box title="专业介绍" content="专业简介<br />  逻辑学是一个哲学分支学科。其是对思维规律的研究。逻辑和逻辑学的发展，经过了具象逻辑一抽象逻辑一具象逻辑与抽象逻辑相统一的辑三大阶段。逻辑学是研究思维的学科。所有思维都有内容和形式两个方面。思维内容是指思维所反映的对象。" />
    <text-box title="专业课程" content="数学分析、高等代数、抽象代数、概率统计、逻辑导论、数理逻辑、集合论、模态逻辑、归纳逻辑、应用逻辑、逻辑史、逻辑哲学、程序语言设计、操作系统等" />
    <text-box title="就业方向"
      content="逻辑学知识更像是一种基本素质，可以运用到众多领域。该专业工作很大程度上取决于咱们的志趣和潜力，可以在企业的人力资源部门、新闻媒体、网站、教育培训机构等从事人事管理编辑、文案、课程顾问和教学研究员等工作;该专业适合公务员岗位。" />
    <text-box title="社会名人" content="韩非、沈有鼎、亚里士多德、希尔伯特等。" />
    <view class="box">
      <view class="title">专业测评</view>
      <view class="content">测一测“逻辑学”适合你吗</view>
      <button class="button">测一测适合你的专业</button>
    </view>
  </view>
</template>
  
<script>
import textBox from './textBox.vue'
export default {
  components: {
    textBox
  },
  data() {
    return {
    };
  },
  mounted() {
  },
  methods: {
  }
};
</script>
  
<style lang="less" scoped>
.gallery {
  background-color: white;
  padding: 30upx;
  display: flex;
  flex-wrap: wrap;

  .gallery-item {
    width: 50%;
    display: flex;
    margin: 15upx 0;

    .gallery-item-info {
      padding: 5upx 20upx;

      .gallery-item-info-title {
        font-size: 28upx;
        color: #333;
      }

      .gallery-item-info-detail {
        font-size: 22upx;
        color: #999;
      }

    }
  }

  .image {
    width: 87upx;
    height: 87upx;
  }
}

.box {
  padding: 30upx;
  background-color: white;
  margin-top: 20upx;
  line-height: 60upx;

  .title {
    font-size: 30upx;
    font-weight: 700;
    padding: 10upx 0;
  }

  .content {
    font-size: 26upx;
    text-align: center;
  }
  .button{
    width: 350upx;
    height: 85upx;
    background-color: #d01117;
    color: #fff;
    font-size: 26upx;
    border-radius: 10upx;
    line-height: 85upx;
    margin: 50upx auto;
  }
}
</style>